<template>
    <div class="main-container" id="main-container">
        <div style="background-color: #fff;height:100%">
            <a-tabs   type="card" @change="tabsChange" justify>
                <div style="height: 100%;width:100%">
                    <auditPlan></auditPlan>
                </div>
            </a-tabs>
        </div>

    </div>
</template>

<script lang="ts">

import { defineComponent, reactive, ref } from 'vue'

import emitter from '@/hooks/useEventBus'
export default defineComponent({
    name: 'internalAuditPlan',
    setup() {
        const pageData = reactive({
            tableIndex: "1"
        })
        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')
        }
        return {
            pageData,
            tabsChange
        }
    }
})
</script>
<style scoped>
.main-container {
    height: 100%;
}

:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}
</style>